@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}

body {
    background-color: rgba(0, 0, 0, .025);
}

section#top-header-bar {
    padding-top: .5em;
    border-bottom: rgba(0, 0, 0, .05) thin solid;
}

#top-header-bar li {
    float: left;
    clear: none;
    padding-right: 2em;
}

#nav {
    padding-top: 1em;
    padding-bottom: .5em;
}



#logo {
    margin-left: 20px;
}
section#main {
    padding: 0 10px;
    background-color: #FFFFFF;
    border: rgba(0, 0, 0, .1) solid thin;
    /*border-radius: 5px;*/
}

/*---- CONTENT ----*/
#content {
    margin: 15px;
    min-height: 300px;
}


div#breadcrumb {
    margin: 5px 0;
    padding: 5px 0px 0px 10px;
    height: 24px;
}

#breadcrumb {
    color: #aaaaaa;
}

#breadcrumb .leaf {
    font-weight: bold;
    color: #ff4500;
}

#breadcrumb a, #breadcrumb span {
    padding-left: 3px;
    padding-right: 3px;
}

section#classes .class-name {
    display: inline-block;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    /*padding: 5px;*/
    color: #0088cc;
    text-shadow: none;

}
section#classes .class-count {
    display: inline-block;
    text-align: right;
    font-size: 0.85em;
    color: #888;
    text-shadow: none;
}
section#classes .class-teacher{
    display: block;
    text-align: center;
    font-size: .85em;
    color: #888;
    text-shadow: none;
    clear:both;
}
section#classes .classDiv {
    margin: 2px 2px;
    padding: 5px 10px 0px 10px;
}



/*----FOOTER PANEL----*/
footer {
    margin: 0.5em 2em;
    font-size: 0.85em;
    /*display: block;*/
    color: #666666;
}

footer #totop {
    display: none;
    margin-right: 2em   ;
}
